<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>粉丝营销</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/dialog.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/user.css"/>
<link rel="stylesheet" type="text/css" href="css/caseMod.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/dialog.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/market.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<header class="header">
	<a class="left_icon back_btn"></a>
	<h4 class="title">粉丝营销</h4>
	<a class="right_icon" onclick="openSubMain('#selDataMask')">筛选</a>
</header>

<footer class="footer top-line main-line flex-row" id="bottomBtn">
	<div class="txt tl flex-full"><label class="flex-row"><input onchange="allCheck()" class="checkBox" type="checkbox" />全选</label></div>
	<a class="btn" href="pushMod.html">推送</a>
</footer>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<div class="dm-search flex-row bottom-line">
					<input type="text" class="nor flex-full" placeholder="请输入您要搜索的内容" />
					<button class="btn" type="button">搜索</button>
				</div>
				
				<ul class="userBox flex-row bottom-line bg-w" v-for='(item,index) in userData' v-if="userData.length > 0">
					<li class="photo" @click="location.href='user_detail.html?userId='+item.id">
						<div class="cover"><img :src="item.photo" /></div>
						<!--<span class="vip" v-if="type == 1">vip1</span>-->
					</li>
					<li class="flex-full info" @click="location.href='user_detail.html?userId='+item.id">
						<h5 class="name">{{item.name}}</h5>
						<div class="tag-box">
							<span class="unsign" v-if="item.tag == null">暂无标签</span>
							<span class="tag" v-for='(sign,i) in item.tag' v-if="item.tag != null && i<2">{{sign}}</span>
						</div>
						<h6 class="time">最近联系：{{item.curTime}}</h6>
					</li>
					<input type="checkbox" @change="singleCheck" class="checkBox" :value="item.id" />
				</ul>
				
				<!--空数据-->
				<div class="emptyMod nullMod" v-if="userData.length == 0 || !userData">
					<div class="icon">
						<img src="image/empty/user_empty.png" />
					</div>
					<div class="txt">暂无粉丝可以营销,空空荡荡!</div>
					<a href="code.html" class="link">立即吸粉</a>
				</div>
				<!--空数据 end-->
				
				<!--网络错误-->
				<div class="emptyMod netError" style="display: none;">
					<div class="icon">
						<img src="image/empty/netError.png" />
					</div>
					<div class="txt">网络开小差了，快去检查一下你的网络</div>
				</div>
				<!--网络错误 end-->
				
				<!--加载失败-->
				<div class="emptyMod netError" style="display: none;">
					<div class="icon">
						<img src="image/empty/loadError.png" />
					</div>
					<div class="txt">哎呀,页面没有加载出来!<br />尝试重新加载吧</div>
				</div>
				<!--加载失败 end-->
				
				
			</div>
			
		</div>
	</div>
</div>


<!--选择时间段-->
<div class="subMain animate" id="selDataMask">
	<header class="header">
		<a class="left_icon back_btn" data-type='1'></a>
		<h4 class="title">筛选条件</h4>
		<a class="right_icon achieved-btn" id="selectedBtn" onclick="closeSubMain($('#selDataMask'))">确定</a>
	</header>
	<div class="swiper-container bg-w Main" id="marketSpec">
		<div class="swiper-wrapper">
			<div class="swiper-slide content">
				
				<div class="children">
					
					<div class="dm-title">最近联系时间</div>
					<ol class="specMod">
						<li class="on">不限</li>
						<li>三天内</li>
						<li>一周内</li>
						<li>一个月内</li>
						<li>一个月以上</li>
					</ol>
					
					<div class="dm-title">最近关注时间</div>
					<ol class="specMod">
						<li class="on">不限</li>
						<li>三天内</li>
						<li>一周内</li>
						<li>一个月内</li>
						<li>一个月以上</li>
					</ol>
					
					<div class="dm-title">足迹类型</div>
					<ol class="specMod">
						<li class="on">不限</li>
						<li>商品</li>
						<li>案例</li>
						<li>活动</li>
						<li>优惠券</li>
					</ol>
					
					
				</div>
				
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">

$("#marketSpec .specMod").each(function(){
	$(this).on('click','li',function(){
		let target = $(this);
		target.addClass('on').siblings().removeClass('on');
	});
});

//设置问题类模块的高度
$(".emptyMod").height($("#Main").height()-44);

</script>

</body>
</html>
